import { resolve } from 'node:path';
import { loadEnv } from 'vite';
import vueJsx from '@vitejs/plugin-vue-jsx';
import mkcert from 'vite-plugin-mkcert';
import vue from '@vitejs/plugin-vue';
import checker from 'vite-plugin-checker';
import Components from 'unplugin-vue-components/vite';
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers';
import Unocss from 'unocss/vite';
import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
import dayjs from 'dayjs';
import mockServerPlugin from '@admin-pkg/vite-plugin-msw/vite';
import TinymceResourcePlugin from '@admin-pkg/vite-plugin-tinymce-resource';
import pkg from './package.json';
import type { UserConfig, ConfigEnv } from 'vite';

const CWD = process.cwd();

// 环境变量
// const BASE_ENV_CONFIG = loadEnv('', CWD);
// const DEV_ENV_CONFIG = loadEnv('development', CWD);
// const PROD_ENV_CONFIG = loadEnv('production', CWD);

const __APP_INFO__ = {
    pkg,
    lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
};

export default ({ command, mode }: ConfigEnv) => {
    // 环境变量
    const { VITE_BASE_URL, VITE_DROP_CONSOLE, VITE_MOCK_IN_PROD } = loadEnv(mode, CWD);

    const isDev = command === 'serve';
    const isBuild = command === 'build';

    return {
        base: VITE_BASE_URL,
        define: {
            __APP_INFO__: JSON.stringify(__APP_INFO__),
        },
        server: {
            host: '127.0.0.1',
            port: 8080,
            https: false,
            proxy: {
                '/api': {
                    //target: 'https://nest-api.buqiyuan.site',
                    target: 'http://127.0.0.1:8086/hmyl/',
                    changeOrigin: true,
                    // rewrite: (path) => path.replace(/^\/api/, ''),
                }
            },
        },
        resolve: {
            alias: [
                {
                    find: '@',
                    replacement: resolve(__dirname, './src'),
                },
            ],
        },
        plugins: [
            vue(),
            Unocss(),
            vueJsx({
                // options are passed on to @vue/babel-plugin-jsx
            }),
            // 指定 mkcert 的下载源为 coding，从 coding.net 镜像下载证书
            mkcert({ source: 'coding' }),
            mockServerPlugin({ build: isBuild && VITE_MOCK_IN_PROD === 'true' }),
            TinymceResourcePlugin({ baseUrl: '/tinymce-resource/' }),
            createSvgIconsPlugin({
                // Specify the icon folder to be cached
                iconDirs: [resolve(CWD, 'src/assets/icons')],
                // Specify symbolId format
                symbolId: 'svg-icon-[dir]-[name]',
            }),
            Components({
                dts: 'types/components.d.ts',
                types: [
                    {
                        from: './src/components/basic/button/',
                        names: ['AButton'],
                    },
                    {
                        from: 'vue-router',
                        names: ['RouterLink', 'RouterView'],
                    },
                ],
                resolvers: [
                    AntDesignVueResolver({
                        importStyle: false, // css in js
                        exclude: ['Button'],
                    }),
                ],
            }),
        ],
        css: {
            preprocessorOptions: {
                less: {
                    javascriptEnabled: true,
                    modifyVars: {},
                },
            },
        },
        optimizeDeps: {
            include: ['lodash-es', 'ant-design-vue/es/locale/zh_CN', 'ant-design-vue/es/locale/en_US'],
        },
        esbuild: {
            pure: VITE_DROP_CONSOLE === 'true' ? ['console.log', 'debugger'] : [],
            supported: {
                // https://github.com/vitejs/vite/pull/8665
                'top-level-await': true,
            },
        },
        build: {
            minify: 'esbuild',
            cssTarget: 'chrome89',
            chunkSizeWarningLimit: 2000,
            rollupOptions: {
                output: {
                    // minifyInternalExports: false,
                    manualChunks(id) {
                        //TODO fix circular imports
                        if (id.includes('/src/locales/helper.ts')) {
                            return 'antdv';
                        } else if (id.includes('node_modules/ant-design-vue/')) {
                            return 'antdv';
                        } else if (/node_modules\/(vue|vue-router|pinia)\//.test(id)) {
                            return 'vue';
                        }
                    },
                },
                onwarn(warning, rollupWarn) {
                    // ignore circular dependency warning
                    if (
                        warning.code === 'CYCLIC_CROSS_CHUNK_REEXPORT' &&
                        warning.exporter?.includes('src/api/')
                    ) {
                        return;
                    }
                    rollupWarn(warning);
                },
            },
        },
    };

};
